﻿body 
{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
body,div,ul,li,header,nav
{
  margin:0px;
  padding:0px;
}

#wrapper
{
  width:100%;
  height:100%;
}

a
{
  text-decoration:none;
}

header
{
  height:80px;
  background:#42c264;
  background-image:-webkit-linear-gradient(#ccc,#42c264);
  background-image:-moz-linear-gradient(#ccc,#42c264);
  background-image:-o-linear-gradient(#ccc,#42c264);
  background-image:-ms-linear-gradient(#ccc,#42c264);
  background-image:-chrome-linear-gradient(#ccc,#42c264);
  background-image:linear-gradient(#ccc,#42c264);
}

#center
{
  position:absolute;
  width:100%;
  height:auto;
  padding-bottom:30px;
  background:#fff
}

#centerContent
{
  width:980px;
  margin:0 auto;
}

nav
{
  line-height:normal;
  background:url(../images/nav-bg.png) repeat-x bottom;
  font-size:1.5em;
  height:42px;
}

nav ul
{
  list-style:none;
  vertical-align:middle;
  
  margin-left:200px;
}

nav li
{
  display:block;
  float:left;
  text-align:center;
}

nav a
{
  display:block;
  padding:0 0.8em 0 0.8em;
  line-height:40px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  background-color:#cc3;
  margin-left:10px
}

#footer
{
  width:100%;
  height:30px;
  position:fixed;
  bottom:0;
  left:0;
  background:#c1c1c1
}
